﻿<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
<head>

<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8" />
<title>我的结伴游</title>

<!-- Mobile Specific
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- CSS
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/boxed.css" id="layout" />
<link rel="stylesheet" type="text/css" href="css/colors/green.css" id="colors" />

<!-- Java Script
================================================== -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/selectnav.js"></script>
<script src="js/flexslider.js"></script>
<script src="js/twitter.js"></script>
<script src="js/tooltip.js"></script>
<script src="js/effects.js"></script>
<script src="js/fancybox.js"></script>
<script src="js/carousel.js"></script>
<script src="js/isotope.js"></script>

<!-- Styles Switcher
================================================== -->
<link rel="stylesheet" type="text/css" href="css/switcher.css" />
<script src="js/switcher.js"></script>

<style type="text/css">
	@media only screen and (min-width: 960px) {#portfolio-wrapper img {min-height: 189px;}} 
	@media only screen and (min-width: 768px) and (max-width: 959px) {#portfolio-wrapper img {min-height: 149px;}}
</style>

<script src='/google_analytics_auto.js'></script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>

<!-- Wrapper Start -->
<div id="wrapper">


<!-- Header
================================================== -->

<!-- 960 Container -->
<div class="container ie-dropdown-fix">

	<!-- Header -->
	<div id="header">

		<!-- Logo -->
		<div class="eight columns">
			<div id="logo">
				<a href="index.html"><img src="images/logo.png" alt="logo" /></a>
				<div id="tagline">旅行，从乐途网开始！</div>
				<div class="clear"></div>
			</div>
		</div>

		<!-- Social / Contact -->
		<div class="eight columns">
			
			<!-- Social Icons -->
			<ul class="social-icons">
				<li class="facebook"><a href="#">Facebook</a></li>
				<li class="twitter"><a href="#">Twitter</a></li>
				<li class="dribbble"><a href="#">Dribbble</a></li>
				<li class="linkedin"><a href="#">LinkedIn</a></li>
				<li class="pintrest"><a href="#">Pintrest</a></li>
			</ul>
			
			<div class="clear"></div>
			
			<!-- Contact Details -->
			<div id="contact-details">
				<ul>
					<li><i class="mini-ico-envelope"></i>蜗牛，欢迎您！</li>
					<li><a href="#">登出</a></li>
				</ul>
			</div>

		</div>

	</div>
	<!-- Header / End -->
	
	<!-- Navigation -->
	<div class="sixteen columns">

		<div id="navigation">
			<ul id="nav">

                <li><a href="#">乐途广场</a>
					<ul>
					<li><a href="index.html">热门景点</a></li>
					<li><a href="hotMemory.html">热门记忆</a></li>
					</ul>
				</li>

				<li><a href="friendMemoryIndex.html">好友动态</a></li>
				
				<li><a href="#">结伴旅行</a>
					<ul>
					<li><a href="myGroups.html">我的结伴游</a></li>
					<li><a href="postGroup.html">发起结伴游</a></li>
					<li><a href="hotGroup.html">热门结伴游</a></li>
					</ul>
				</li>
				
				<li><a href="#">个人空间</a>
					<ul>
					<li><a href="myInfo.html">我的信息</a></li>
					<li><a href="friends.html">好友列表</a></li>
                    <li><a href="message.html">好友消息</a></li>
					</ul>
				</li>

			</ul>

			<!-- Search Form -->
			<div class="search-form">
				<form method="get" action="#" />
					<input type="text" class="search-text-box" />
				</form>
			</div>

		</div> 
		<div class="clear"></div>
		
	</div>
	<!-- Navigation / End -->

</div>
<!-- 960 Container / End -->


<!-- Content
================================================== -->

<!-- 960 Container -->
<div class="container">

	<div class="sixteen columns">
	
		<!-- Page Title -->
		<div id="page-title">
			<h2><span>我的 /</span> 结伴游小组</h2>
			
			<!-- Filters -->
			<div id="filters">
				<ul class="option-set" data-option-key="filter">
					<li><a href="#filter" class="selected" data-option-value="*">All</a></li>
					<li><a href="#filter" data-option-value=".interior-design">Interior Design</a></li>
					<li><a href="#filter" data-option-value=".architecture">Architecture</a></li>
					<li><a href="#filter" data-option-value=".scenery">Scenery</a></li>
					<li><a href="#filter" data-option-value=".real-estate">Real Estate</a></li>
				</ul>
			</div>
			<div class="clear"></div>
			
			<div id="bolded-line"></div>
		</div>
		<!-- Page Title / End -->

	</div>
</div>
<!-- 960 Container / End -->

<!-- 960 Container -->
<div class="container">
	
	<!-- Portfolio Content -->
	<div id="portfolio-wrapper">
			
		<!-- 1/3 Column -->
		<div class="one-third column portfolio-item interior-design architecture real-estate">
			<div class="picture"><a href="images/portfolio/portoflio-01-large.jpg" rel="image" title="Maritime Details"><img src="images/portfolio/portoflio-01.jpg" alt="" /><div class="image-overlay-zoom"></div></a></div>
			<div class="item-description alt">
				<h5><a href="myGroupDetail.html">不到长城非好汉</a></h5>
				<p>毛主席有诗道：天高云淡，望断南飞雁。不到长城非好汉，屈指行程二万。</p>
			</div>
		</div>

		<!-- 1/3 Column -->
		<div class="one-third column portfolio-item scenery">
			<div class="picture"><a href="single_project.html"><img src="images/portfolio/portoflio-02.jpg" alt="" /><div class="image-overlay-link"></div></a></div>
			<div class="item-description alt">
				<h5><a href="myGroupDetail.html">美国大峡谷</a></h5>
				<p>空中走廊、死亡单电车，极限元素应有尽有，敢来挑战吗？</p>
			</div>
		</div>
		
		<!-- 1/3 Column -->
		<div class="one-third column portfolio-item architecture scenery">
			<div class="picture"><a href="single_project.html"><img src="images/portfolio/portoflio-03.jpg" alt="" /><div class="image-overlay-link"></div></a></div>
			<div class="item-description alt">
				<h5><a href="myGroupDetail.html">美国大峡谷</a></h5>
				<p>空中走廊、死亡单电车，极限元素应有尽有，敢来挑战吗？</p>
			</div>
		</div>
		
		<!-- 1/3 Column -->
		<div class="one-third column portfolio-item scenery">
			<div class="picture"><a href="single_project.html"><img src="images/portfolio/portoflio-04.jpg" alt="" /><div class="image-overlay-link"></div></a></div>
			<div class="item-description alt">
				<h5><a href="#">参加的结伴游小组不是很多哟</a></h5>
				<p>Aenean aliquet pulvinar dui, neceas quis posuerea tempus lectus. Proin dignissim ligula ornare tempus.</p>
			</div>
		</div>
		
		<!-- 1/3 Column -->
		<div class="one-third column portfolio-item interior-design architecture real-estate">
			<div class="picture"><a href="single_project.html"><img src="images/portfolio/portoflio-05.jpg" alt="" /><div class="image-overlay-link"></div></a></div>
			<div class="item-description alt">
				<h5><a href="#">参加的结伴游小组不是很多哟</a></h5>
				<p>Aenean aliquet pulvinar dui, neceas quis posuerea tempus lectus. Proin dignissim ligula ornare tempus.</p>
			</div>
		</div>
		
		<!-- 1/3 Column -->
		<div class="one-third column portfolio-item scenery">
			<div class="picture"><a href="single_project.html"><img src="images/portfolio/portoflio-06.jpg" alt="" /><div class="image-overlay-link"></div></a></div>
			<div class="item-description alt">
				<h5><a href="#">参加的结伴游小组不是很多哟</a></h5>
				<p>Aenean aliquet pulvinar dui, neceas quis posuerea tempus lectus. Proin dignissim ligula ornare tempus.</p>
			</div>
		</div>
		
		<!-- 1/3 Column -->
		<div class="one-third column portfolio-item interior-design architecture scenery">
			<div class="picture"><a href="single_project.html"><img src="images/portfolio/portoflio-07.jpg" alt="" /><div class="image-overlay-link"></div></a></div>
			<div class="item-description alt">
				<h5><a href="single_project.html">Touch Gestures</a></h5>
				<p>Aenean aliquet pulvinar dui, neceas quis posuerea tempus lectus. Proin dignissim ligula ornare tempus.</p>
			</div>
		</div>
		
		<!-- 1/3 Column -->
		<div class="one-third column portfolio-item interior-design architecture">
			<div class="picture"><a href="single_project.html"><img src="images/portfolio/portoflio-08.jpg" alt="" /><div class="image-overlay-link"></div></a></div>
			<div class="item-description alt">
				<h5><a href="single_project.html">Coffee Time</a></h5>
				<p>Aenean aliquet pulvinar dui, neceas quis posuerea tempus lectus. Proin dignissim ligula ornare tempus.</p>
			</div>
		</div>
		
		<!-- 1/3 Column -->
		<div class="one-third column portfolio-item interior-design architecture real-estate">
			<div class="picture"><a href="single_project.html"><img src="images/portfolio/portoflio-09.jpg" alt="" /><div class="image-overlay-link"></div></a></div>
			<div class="item-description alt">
				<h5><a href="single_project.html">Wireless Keyboard</a></h5>
				<p>Aenean aliquet pulvinar dui, neceas quis posuerea tempus lectus. Proin dignissim ligula ornare tempus.</p>
			</div>
		</div>
			
	</div>
	<!-- End Portfolio Content -->
		
</div>
<!-- End 960 Container -->
    <ul class="pagination">
		<a href="#"><li>1</li></a>
		<a href="#"><li class="current">2</li></a>
		<a href="#"><li>3</li></a>
		<a href="#"><li>4</li></a>
		<a href="#"><li>5</li></a>
	</ul>

</div>
<!-- Wrapper / End -->

<!-- Footer
================================================== -->

<!-- Footer Start -->
<div id="footer">
	<!-- 960 Container -->
	<div class="container">
	
		<!-- Footer / Bottom -->
		<div class="sixteen columns">
			<div id="footer-bottom">
				&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
				<div id="scroll-top-top"><a href="#"></a></div>
			</div>
		</div>

	</div>
	<!-- 960 Container / End -->

</div>
<!-- Footer / End -->

<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>